<template>
  <div class="pad">
    <div class="box">
      <div>
        <span class="lan"></span><span class="text">AAA级诚信经营示范单位</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs5.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span><span class="text">AAA级文明诚信示范企业</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs5.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span><span class="text">AAA级信用企业</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs5.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span
        ><span class="text">AAA级质量服务诚信示范企业</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs5.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span><span class="text">AAA级重服务守信用企业</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs5.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span
        ><span class="text">AAA级重合同守信用示范企业</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs5.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span><span class="text">AAA级重质量守信用企业</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs5.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span><span class="text">质量管理体系认证证书</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs233.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span
        ><span class="text">中控天昱城智慧政务服务管理平台</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs1.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span
        ><span class="text">中控天昱智慧旅游分布式服务系统</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs1.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span
        ><span class="text">中控天昱电子政务信息综合管理平台</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs1.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span
        ><span class="text">中控天昱安全生产管理系统</span>
      </div>
      <div><img class="zs-img" src="@/assets/images/gs1.png" alt="" /></div>
    </div>
    <div class="box">
      <div>
        <span class="lan"></span><span class="text">更多资质，正在探索</span>
      </div>
      <div>
        <img class="zs-img ms-img" src="@/assets/images/ms.png" alt="" />
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.pad {
  padding-bottom: 0.5rem;
  margin: auto;
}
.box {
  margin-left: 0.5rem;
  padding-top: 0.4rem;
}
.lan {
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background-color: #1d6cff;
  border-radius: 50%;
  position: relative;
}
.lan::before {
  display: block;
  content: '';
  width: 0.01rem;
  height: 5rem;
  background-color: #959595;
  clear: both;
  position: absolute;
  left: 0.08rem;
  top: -1rem;
  z-index: -1;
}
.zs-img {
  width: 2.2rem;
  height: 3.03rem;
  padding-left: 0.4rem;
}
.text {
  padding-left: 0.3rem;
  font-size: 0.28rem;
  font-weight: bold;
  color: #333333;
}
.ms-img {
  width: 5.91rem;
  height: 3.06rem;
}
</style>
